<script setup lang="ts">
const showSomeToast = () => {
  showToast('提示内容')
}
const router = useRouter()
const toLogin = () => {
  router.push({ name: 'login' })
}
const toOrder = () => {
  router.push({ name: 'order' })
}
</script>

<template>
  <van-row>
    <van-col span="24">
      <van-button type="primary" block @click="showSomeToast">提示信息</van-button>
    </van-col>
    <van-col span="24">
      <van-button type="success" block @click="toLogin">登录</van-button>
    </van-col>
    <van-col span="24">
      <van-button type="default" block @click="toOrder">工单</van-button>
    </van-col>
    <van-col span="24">
      <van-button type="danger" block to="/KeepAlive">keepalive</van-button>
    </van-col>
    <van-col span="24">
      <van-button type="warning" block>警告按钮</van-button>
    </van-col>
    <van-col span="24">
      <button btn>自定义按钮</button>
    </van-col>
  </van-row>
</template>

<style scoped>

</style>

<route lang="json5">
{
  name: 'home',
  meta: {
    title: '首页'
  },
}
</route>
